@charset "utf-8";
*{
    margin:0;
    padding:0;
}
body{
    background: url("../img/lu.png") no-repeat;
    /*背景尺寸属性：数值px(x轴) 数值px(y轴)*/
    background-size: 100% 700px;
}
h1{
    /*使用font字体属性，使用拆分属性*/
    font-family:"楷体" ;
    font-size: 50px;
}
#Tom{
    width:340px;
    height:350px;
    background:url(../img/maolaoshu.png) no-repeat ;
    background-size: 300px 300px;
    position: relative;
    top:140px;
    left:7px;
    animation:Tom 3.5s linear infinite ;
}
@keyframes Tom{
    0%{
        background:url(../img/maolaoshu.png) no-repeat;
        background-size: 300px 300px;
        left:200px;
        top:100px;

    }
    20%{ background:url(../img/maolaoshu1.png) no-repeat;
        background-size: 300px 300px;
        left:300px;
        top:100px;
    }
    40%{ background:url(../img/maolaoshu2.png) no-repeat;
        background-size: 300px 300px;
        left:400px;
        top:100px;}
    60%{ background:url(../img/xuanfengtui.png) no-repeat;
        background-size: 300px 300px;
        left:500px;
        top:100px;}
    80%{ background:url(../img/xuanfentui.png) no-repeat;
        background-size: 300px 300px;
        left:600px;
        top:100px;}
    100%{ background:url(../img/zuizhong.png) no-repeat;
        background-size: 300px 300px;
        left:700px;
        top:100px;}

}